<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/stylesheet.css">
</head>
<body>
    
    <form class="page-section" id="fullpage">

        <section class="section page-content page-content-1">
            <div class="page-logo">
                <div class="logo"></div>
                <h2>客户意见反馈调查表</h2>
            </div>
        </section>

        <section class="section page-content page-content-2">
            <h2 class="page-title">个人信息</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>真实姓名</label>
                    <div class="page-form-control">
                        <input type="text">
                    </div>
                </div>
                <div class="page-form-item">
                    <label>手机号码</label>
                    <div class="page-form-control">
                        <input type="text" value="11">
                    </div>
                </div>
                <div class="page-form-item">
                    <label>投放媒体</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>城市路名牌</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>公交候车亭</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>厦门航空</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>国际邮轮中心</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>厦门机场手推车</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>厦门湾游轮船身</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="section page-content page-content-3">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>1.您通过什么方式联系到我公司的?</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>朋友介绍</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>陌生拜访</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>看到广告，通过小程序咨询</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>看到广告，打电话咨询</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>同行介绍</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>网上了解到</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="4">下一题</div>
        </section>

        <section class="section page-content page-content-4">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>2.业务人员的沟通是否高效，是否有及时回复您？</label>
                    <div class="page-form-control">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <input type="hidden" value="0">
                    </div>
                </div>
                <div class="page-form-item">
                    <label>对业务人员是否有其他的建议或意见？</label>
                    <div class="page-form-control">
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="5">下一题</div>
        </section>

        <section class="section page-content page-content-5">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>3.您的媒体投放需求是否得到满足？</label>
                    <div class="page-form-control">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <input type="hidden" value="0">
                    </div>
                </div>
                <div class="page-form-item">
                    <label>如果没有满足您的投放需求，是否有其他的意见或建议？</label>
                    <div class="page-form-control">
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="6">下一题</div>
        </section>

        <section class="section page-content page-content-6">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>4.您觉得哪种媒体对提升公司的品牌知名度和产品转化率效果最佳？?</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>互联网媒体</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>交通媒体</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>户外媒体</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>社区媒体</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>电视/广播</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>其他</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="7">下一题</div>
        </section>

        <section class="section page-content page-content-7">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>5.哪些地方您觉得可以改进？</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>1.喷绘材质</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>2.媒体展现形式</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>3.版面设计</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>4.媒体位置</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>5.售后服务</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>6.亮灯情况</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>7.其他</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="8">下一题</div>
        </section>

        <section class="section page-content page-content-8">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>6.媒体价格您是否觉得合理？</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>偏高</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>合理</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>实惠</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="9">下一题</div>
        </section>

        <section class="section page-content page-content-9">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>7.是否会向其他客户推荐？</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>1.会</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>2.不会</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>3.不确定</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="10">下一题</div>
        </section>

        <section class="section page-content page-content-10">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>8.未来多长时间会再次投放公司媒体？</label>
                    <div class="page-form-check">
                        <ul>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>1个月</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>3个月</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>半年</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>一年</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>长期合作</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>不再合作</span>
                            </li>
                            <li>
                                <input type="checkbox" name="c1">
                                <span>不确定</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-next" data-next="11">下一题</div>
        </section>

        <section class="section page-content page-content-11">
            <h2 class="page-title">反馈意见</h2>
            <div class="page-boxes">
                <div class="page-form-item">
                    <label>1.您通过什么方式联系到我公司的?</label>
                    <div class="page-form-control">
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                </div>
            </div>
            <div class="page-submit">提交</div>
        </section>

        <section class="section page-content page-content-12">
            <div class="page-logo">
                <div class="logo"></div>
                <div class="desc"></div>
                <div class="code"></div>
            </div>
        </section>

    </form>

    <!-- script -->
    <script src="../js/fastclick.js"></script>
    <script src="../js/hotcss.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/fullpage.js"></script>
    <script>
        
        $(function () {
            var myFullpage = new fullpage('#fullpage', {
                sectionsColor: ['#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed', '#3086ed'],
                lazyLoad: true
            });
            
            $('.page-next').on('click', function() {
                console.log($(this).attr('data-next'))
                fullpage_api.moveTo($(this).attr('data-next'));
            })

            $('.page-form-control > span').on('click', function() {
                console.log($(this).index())
                $(this).parent().find('span').removeClass('active')
                $(this).addClass('active').prevAll().addClass('active')
                $(this).parent().find('input').val($(this).index()+1)
            })
        })


    </script>
</body>
</html>